Flowchart Node
=================

Overview
---------
The **Flowchart node** is used to nest a flowchart as a sub-flowchart in the flowchart the node is placed into.  
Upon placement of the **Flowchart node**, you are prompted to select which flowchart the node should execute.
Users can import customized flowchart and add them through the Flowchart Node.

.. image:: images/Flowchart/flowchart_overview_1.png
   :align: center

.. image:: images/Flowchart/flowchart_overview_2.png
   :align: center

|

Output 
---------

+-------------------------+-------------------+-----------------------------------------------------------------------------------+
| Output                  | Type              | Description                                                                       |
+=========================+===================+===================================================================================+
| FlowChartName           | string            | Name of the flowchart that runs when this node is executed.                       |
+-------------------------+-------------------+-----------------------------------------------------------------------------------+

|

Imported Flowchart Templates
-------------------------------

.. image:: images/Flowchart/flowchart_addNodeDialog.png
   :align: center
   :scale: 80%

| Customized flowcharts are shown under the Templates section.
| There are a few default flowcharts available (SimpleImageFilter, SimpleLoop, timer).
| You can add custom flowcharts by placing the .fws file in a folder starting with **;** under the path: %DAOAI_VISION_PATH%\\templates\\.template_flowcharts.

.. image:: images/Flowchart/flowchart_folders.png
   :align: center

|

Procedure to Use
-----------------

1. Add a new Flowchart from the top menu bar, and enter a name for the new flowchart.

.. image:: images/Flowchart/flowchart_procedure_1_1.png
   :scale: 90%	
.. image:: images/Flowchart/flowchart_procedure_1_2.png
   :scale: 80%	

|

2. Insert some nodes in the new flowchart for demonstration. 

.. image:: images/Flowchart/flowchart_procedure_2_1.png
   :scale: 116%	
.. image:: images/Flowchart/flowchart_procedure_2_2.png
   :scale: 80%	

|

3. Insert a Flowchart node in the main_flowchart. Select the flowchart that was just added in Step 1.

.. image:: images/Flowchart/flowchart_procedure_3_1.png
   :scale: 80%	
.. image:: images/Flowchart/flowchart_procedure_3_2.png
   :scale: 80%	

|

4. You can see which flowchart will be run from the Flowchart Name field in the node config page.

.. image:: images/Flowchart/flowchart_procedure_4.png
   :scale: 90%	

|

5. Run the flowchart. You can see the print message from the new flowchart printed in the console.

.. image:: images/Flowchart/flowchart_procedure_5.png
   :scale: 90%	

|